

layui.use(['layer','element','form'], function() {
    var	$ = layui.jquery,
        element = layui.element,
        form = layui.form;

    form.render();
    // 搜索
    $(".btn-search-form").click(function () {
        var keywords = $("input[name=keywords]").val();
        $.post('index.php?route=Race/index&iActId=1001',{keywords:keywords},function (res) {
            if(res.status =="error") {
                layer.msg(res.msg);//失败的表情
                return;
            } else {
                if (res.data.length>0) {
                    var html = '';
                    $.each(res.data,function(i,val){  //遍历二维数组
                        html += ' <li class="race-item" data-raceId="'+val.raceId+'"><img src="https://game.gtimg.cn/images/lol/act/img/tft/origins/'+val.alias+'"><p>'+val.name+'</p></li>';
                    });
                    $("#race").html(html);
                    $("#race").find('.race-item').first().trigger('click');
                }
                return;
            }
        });
        return;
    });

    //选择种族
    $("#race").on('click','.race-item',function () {
        var that = this;

        var data = {raceId:$(this).data('raceid')};
        $.post('/index.php?route=Race/getRaceInfo&iActId=1001',data,function (res) {
            if(res.status =="error") {
                layer.msg(res.msg);//失败的表情
                return;
            } else {
                $(that).siblings().removeClass('active');
                $(that).addClass('active');
                /*$("#race-form").find('input').attr('disabled',true);
                $("#race-form").find('textarea').attr('disabled',true);
                $("#race-form").find('.action-to-update').show();
                $("#race-form").find('.action-to-submit').hide();*/

                var data = res.data;
                $("#race-form").find("[name='TFTID']").val(data.TFTID);
                $("#race-form").find("[name='raceId']").val(data.raceId);
                $("#race-form").find("[name='raceIdShow']").text(data.raceId);
                $("#race-form").find("[name='name']").val(data.name);
                $("#race-form").find("[name='alias']").val(data.alias);
                $("#race-form").find("[name='traitId']").val(data.traitId);
                $("#race-form").find("[name='introduce']").val(data.introduce);

                var levelObj = data.level;
                var level_key = $("#race-form").find("[name='level_key[]']");
                level_key.prop('checked',false);
                $("#level_names").children().hide();
                $("#level_names").find('textarea').val('');
                $.each(levelObj,function (i,n) {
                    level_key.eq(i-1).prop('checked',true);


                    $("#race-form").find(".level_name_"+i).show();
                    $("#race-form").find(".level_name_"+i).find('textarea').val(unescape(n))


                });
                $(that).find('img').attr('src','https://game.gtimg.cn/images/lol/act/img/tft/origins/'+data.alias);

                form.render();
            }

        })
    });

    $("#race").find('.race-item').first().trigger('click');
    //点击编辑种族
    /*$("#race-form").on('click','.action-to-update',function () {
        $("#race-form").find('input').removeAttr('disabled');
        $("#race-form").find('textarea').removeAttr('disabled');

        $("#race-form").find('.action-to-update').hide();
        $("#race-form").find('.action-to-delete').hide();
        $("#race-form").find('.action-to-submit').show();

        form.render();

    });*/

    //点击删除
    $("#race-form").on('click','.action-to-delete',function () {
        layer.confirm('是否要删除该数据？', {icon: 3, title:'提示'}, function(index){
            var dataType = 1;
            var id = $('#race-form').find("input[name=raceId]").val()
            layer.close(index);
            var url = "/index.php?route=Main/deleteData&iActId=1001";
            $.ajax({
                url: url, type: "post", dataType: "json",
                data: { dataType:dataType,id:id},
                beforeSend:function () {
                    this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'] });
                },
                success:function(data){
                    if(data.status =="error"){
                        layer.msg(data.msg);//失败的表情
                        return;
                    }else if(data.status == "success"){
                        layer.msg(data.msg, {
                            icon: 1,//成功的表情
                            time: 2000 //2秒关闭（如果不配置，默认是3秒）
                        }, function(){
                            parent.$(".refresh").click();
                        });
                    }
                },
                complete: function () {
                    layer.close(this.layerIndex);
                },
            });
        });
    });


    //选择触发等级
    form.on('checkbox', function(data){
        var check = $(data.elem);
        var is = data.elem.checked;
        var i = data.value;

        if(is) {
            $("#race-form").find(".level_name_"+i).show();

        } else {
            $("#race-form").find(".level_name_"+i).hide();
        }
    });
    //提交编辑种族
    $("#race-form").on('click','.action-to-submit',function () {
        if (checkFormData()) {
            var data = $('#race-form').serialize();
            $.post('/index.php?route=Race/update&iActId=1001', data, function (res) {
                if (res.status == "error") {
                    layer.msg(res.msg);//失败的表情
                    return;
                } else {
                    /*$("#race-form").find('input').attr('disabled', true);
                    $("#race-form").find('textarea').attr('disabled', true);
                    $("#race-form").find('.action-to-update').show();
                    $("#race-form").find('.action-to-delete').show();
                    $("#race-form").find('.action-to-submit').hide();*/
                    layer.msg('编辑成功');
                    $('.race-item.active').trigger('click');
                }
            });
        }
    });

    // 添加 
    $(".race-add").on('click', function(){
        var index = layer.open({
            title: '添加',
            type: 2,
            content: '/index.php?route=Race/add&iActId=1001'
        });
        layer.full(index);
    });

    form.on('submit(race-add)', function(data){
        if (checkFormData()) {
            $.ajax({
                url: "/index.php?route=Race/addSave&iActId=1001",
                type: 'POST',
                dataType: 'JSON',
                data: $("#race-form").serializeArray(),
                success: function (res) {
                    if (res.status == 'success') {
                        window.parent.location.reload();//刷新父页面
                        var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
                        parent.layer.close(index);
                    } else {
                        layer.msg(res.msg);
                        return false;
                    }
                }
            });
        }
        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。

    });


    function checkFormData() {
        var raceId = $("input[name=raceId]").val();
        if (isNaN(raceId) || raceId == '') {
            layer.msg('种族ID必须为数字类型');
            return false;
        }
        var name = $("input[name=name]").val();
        if (name == '') {
            layer.msg('种族名称不能为空');
            return false;
        }
        var alias = $("input[name=alias]").val();
        if (alias == '') {
            layer.msg('种族英文名称不能为空');
            return false;
        }
        var traitId = $("input[name=traitId]").val();
        if (isNaN(traitId) || traitId == '') {
            layer.msg('种族效果ID必须为数字类型');
            return false;
        }
        var introduce = $("textarea[name=introduce]").val();
        if (introduce == '') {
            layer.msg('种族效果简介不能为空');
            return false;
        }
        return true;
    }


});





